.page-background {
    height: 100%;
    width: 100%;
    //background: $color-ffffff;
}
.transfer_homepage {
    &__menu_back {
        width: 100%;
        background:#f5f5f5;
        //padding: $mh32;
        box-sizing: border-box;
    }
    &__menu {
        width: 6.86rem;
        height: 3.2rem;
        padding: 0 0.26rem;
       box-sizing: border-box;
        &-top {
            display: flex;
            justify-content: space-around;
            align-items: center;
            //border-bottom: 0.01rem solid $color-e5e5e5;
            height: 1.2rem;
            &-button {
                font-size: $fs28;
                margin-top: 0.08rem;
            }
        }
    }
    &__record {
        padding-top: 0.26rem;
        padding-bottom: 0.1rem;
        width: 100%;
        background: #f5f5f5;
        &-title {
            font-size: $fs32;
            color: $color-333333;
            margin-left: $mh32;
            margin-bottom: 0.26rem;
        }
        &-item {
            width: 100%;
            background: $color-ffffff;
            height: $ch140;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 $mh32;
            box-sizing: border-box;
            position: relative;
            &-content {
                display: flex;
                align-items: center;
            }
            &-img {
                width: 0.48rem;
                height: 0.48rem;
            }
            &-arrow {
                width: 0.11rem;
                height: 0.2rem;
            }
            &-detail {
                margin-left: 0.16rem;
                display: flex;
                flex-direction: column;
            }
            &-p1 {
                font-size: $fs32;
                color: $color-333333;
            }
            &-p2 {
                font-size: $fs24;
                color: $color-999999;
                margin-top: 0.08rem;
            }
            // &:last-child {
            //     border-bottom: 0.01rem solid $color-e5e5e5;
            // }
            &::after {
                position: absolute;
                display: block;
                top: 100%;
                left: 0;
                right: 0;
                height: 1px;
                border-top: 1px solid $color-e5e5e5;
                z-index: 1;
                transform: scaleY(0.5);
                content: ' ';
            }
        }
        &-more {
            height: $ch58;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: $fs28;
            color: $color-666666;
            border-top: 0.01rem solid $color-e5e5e5;
            margin-bottom: 0.3rem;
        }
    }
}

.ynet-input {
    @include cell--mixin;
    white-space: nowrap;
    align-items: center;
    &__title {
        cursor: pointer;
        min-width: 1.4rem; // 银行卡卡号显示不全，需要把右边min-with减少
    }
    .ynet-input__box {
        display: flex;
        display: -webkit-flex;
        flex: 1 1 auto;
        -webkit-flex: 1 1 auto;
        text-align: right;
        align-items: center;
        -webkit-align-items: center;
        position: relative;

        .ynet-input__box__input {
            // flex-grow: 1;
            // -webkit-flex-grow: 1;
            border: #fbf9fe;
            text-align: left;
            color: $color-333333;
            width: 100%;
            padding-bottom: 0.2rem;
            padding-top: 0.2rem;
            line-height: 1.2; //为了兼容魅族输入框内容显示不全的问题

            &::-webkit-input-placeholder {
                font-size: $fs28;
                color: $color-b3b3b3;
                line-height: 1.5;
            }
        }

        .ynet-input__box__clear-icon {
            flex-grow: 0;
            -webkit-flex-grow: 0;
            align-items: center;
            height: 100%;
            width: 0.28rem;
            font-size: $fs28;
            padding-left: 0.1rem;
            line-height: $ch96;
            color: $color-b3b3b3;
            z-index: 13;
        }


    }

    .ynet-input__right-icon {
        flex: 0 1 0.38rem;
        padding-right: $mh32;
        padding: ($ch96 - 0.38rem) / 2 $mh32;
        padding-left: 0.2rem;
        display: inline-block;
        width: 0.38rem;
        height: 0.38rem;
    }
}


// .sameNameAccount{
//     .sameNameTitle{
//         color: #666666;
//         padding: 0.32rem 0 0.2rem 0.32rem;
//     }
//     .ynet_check-more {
//         &__more {
//             background: #fff;
//             display: flex;
//             align-items: center;
//             justify-content: center;
//             line-height: 0.8rem;
//             height: 0.8rem;
//             &__content {
//                 line-height: 0.26rem;
//                 color: #999999;
//                 p {
//                     display: inline-block;
//                     width: 1.44rem;
//                 }
//                 p::after {
//                     position: relative;
//                     right: -0.1rem;
//                     top: 0.04rem;
//                     display: inline-block;
//                     width: 0.14rem;
//                     height: 0.28rem;
//                     content: '';
//                     background-size: cover;
//                     background-image: $big-arrow;
//                     transform: rotate(90deg);
//                 }
//                 .up {
//                     &::after {
//                         // right: 0.24rem;
//                         transform: rotate(90deg);
//                         transition: transform 0.3s;
//                     }
//                 }
//                 .down {
//                     &::after {
//                         // right: 0.24rem;
//                         transform: rotate(-90deg);
//                         transition: transform 0.3s;
//                     }
//                 }
//             }
//         }
//     }
//     .ynet_check-more::before {
//         display: block;
//         top: 100%;
//         left: 0.32rem;
//         right: 0;
//         border-top: 1px solid #eee;
//         z-index: 1;
//         transform: scaleY(0.5);
//         -webkit-transform: scaleY(0.5);
//         content: ' ';
//     }
//     .sameNameContent{
//         .content{
//             position: relative;
//             .ynet-cell-account{
//                 &:after{
//                     display: none;
//                 }
//             }
//             &:nth-last-child(1):after{
//                 border-bottom: 0;
//             }
//         }
//         .content:after{
//             content:"";
//             position: absolute;
//             left: 0.2rem;
//             bottom: 0;
//             right: 0;
//             height: 5px;
//             border-bottom: 2px solid #F5F5F9;
//             color: #ccc;
//             -webkit-transform-origin: 0 100%;
//             transform-origin: 0 100%;
//             -webkit-transform: scaleY(0.5);
//             transform: scaleY(0.5);
//             z-index: 2;
//         }
//     }
// }
